<template>
	<view class="page">
		<!-- 内容区域 -->
		<view class="content-area">
			<view class="empty-container">
				<view class="empty-icon">{{ pageType === 'vip' ? '👑' : '🎬' }}</view>
				<view class="empty-title">{{ pageType === 'vip' ? 'VIP功能正在建设中' : '视频课程正在建设中' }}</view>
				<view class="empty-desc">敬请期待</view>
			</view>
		</view>
		
		<!-- 底部导航栏组件 -->
		<tabbar :theme="tabbarStyle"></tabbar>
	</view>
</template>

<script>
export default {
	data() {
		return {
			tabbarStyle: 'simple', // 底部导航样式
			pageType: '' // 页面类型，用于区分VIP和视频
		};
	},
	onLoad(options) {
		// 获取页面参数
		if (options.type) {
			this.pageType = options.type;
		}
	},
	onShow() {
		
	},
	methods: {
		
	}
}
</script>

<style lang="scss" scoped>
.page {
	height: 100vh;
	display: flex;
	flex-direction: column;
	background-color: #f8f9fa;
}

.content-area {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 60rpx;
}

.empty-container {
	text-align: center;
	
	.empty-icon {
		font-size: 120rpx;
		margin-bottom: 40rpx;
	}
	
	.empty-title {
		font-size: 32rpx;
		color: #333;
		font-weight: 500;
		margin-bottom: 20rpx;
	}
	
	.empty-desc {
		font-size: 28rpx;
		color: #666;
	}
}
</style>